// pages/home/home.js
import QQMapWXs from '../../utils/qqmap-wx-jssdk1.2/qqmap-wx-jssdk'  // 腾讯地图
var qqMapWX;  // 腾讯地图
import {hotMovie, getMovie1} from '../../network/movie'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    TopHeight: '',
    hotList: [],
    moveList: [],
    city: '',
    background: ['/assets/icons/banner1.jpg', '/assets/icons/banner2.jpg', '/assets/icons/banner3.jpg'],
    indicatorDots: true,
    vertical: false,
    autoplay: false,
    interval: 2000,
    duration: 500
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    qqMapWX = new QQMapWXs({
      key: 'R3EBZ-RLEKG-BMPQL-IQIJN-W7MAJ-DWFYI', // 必填开发密钥（key）
    });
   let height = wx.getSystemInfoSync()

   console.log(height.statusBarHeight);
   this.setData({
    TopHeight: height.statusBarHeight + wx.getMenuButtonBoundingClientRect().height + 15 + 'px'
  })
    this.hotMovies()
    this.getMovie1s()
  },
  hotMovies() {
    hotMovie({
      start: 1,
      limit: 10
    }).then(res => {
      console.log('热映电影数据', res);
      let list = res.data.data.list
      console.log(list);
      this.setData({
        hotList: list
      })
    })
  },
  getMovie1s() {
    getMovie1({
      start: 1,
      limit: 10
    }).then(res => {
      let list = res.data.data.list;
      console.log(list);
      
      this.setData({
        moveList: list
      })
    })
  },
  scroll(e) {
    console.log(e)
  },
  cityClick() {
    console.log(12);
    qqMapWX.getCityList({
      success: function(res) {//成功后的回调
        console.log(res);
        console.log('省份数据：', res.result[0]); //打印省份数据
        console.log('城市数据：', res.result[1]); //打印城市数据
        console.log('区县数据：', res.result[2]); //打印区县数据
      },
      fail: function(error) {
        console.error(error);
      },
      complete: function(res) {
        console.log(res);
      }
    });
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let _this = this
    wx.getLocation({
      success(res) {
        console.log(res);
        console.log(res.latitude, res.longitude);

        qqMapWX.reverseGeocoder({
          // location: `${res.latitude}, ${res.longitude}`, 报错格式错误
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          success(result) {
            console.log(result);
            _this.city = result.result.address_component.city
            console.log(_this.city);
            
            _this.setData({
              city: _this.city
            })
          },
          fail: function (error) {
            console.error(error);
          },
        })
      },

    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})